//变量
@color:#0081cc;
@ff8:#FF8A00;
//混合样式
.as{
    color: @color;
    &:hover{
        color:@ff8;
        text-decoration: underline;
    }

}
//默认-送货至
.as1{
    &:hover{
        color:@ff8;
    }
}
//商品名称
.as2{
    &:hover{
        color:@ff8;
        text-decoration: underline;
    }
}
//价格样式
.price{
   color: #d00;
   font-size: 16px; 
}
//列表页主体
.list_main{
    width: 1230px;   
    overflow: hidden;
    margin: 0 auto;
}
//  左侧========================================
@fc:#f70;
.bb1d{
    border-bottom: 1px solid #ddd;
}
.w186{
    width: 186px;
}
.bd{
    width: 186px;
    border:1px solid #ddd; 
}
.left_t{
    line-height: 38px; 
    font-size: 14px;
    margin-left: 10px;
}
.list_main_l{
        width: 188px;
        overflow: hidden; 
        float: left; 
//      全部搜索分类
        .subNavBox{
            .w186;
            .bd;
            border-bottom: 1px solid #fff;
            .s_all{
                .left_t;
                .bb1d;
            }
            .subNav{
                .bb1d;
                cursor: pointer;
                font-weight: bold;
                font-size: 14px;
                line-height: 28px;
                padding-left: 10px;
                background: url(./../Images/jiantou1.jpg)no-repeat;
                background-position: 95% 50%; 
                &:hover{
                    color:@fc;
                }  
            }
            .navContent{
                display: none;
                .bb1d;
                li a{
                    display: block;
                    height: 28px;
                    line-height: 28px; 
                    text-align: center;
                    font-size: 12px;
                    &:hover{ 
                        color: @fc;
                        background: #F9F9F9;
                    }
                }
            }
            .currentDd{
                color:@fc;
            }
            .currentDt{
                background-image: url(./../Images/jiantou.jpg);
            }
        }
        .subNavBox2{
            border-bottom: 1px solid #ddd;
        }
//      云台热卖 
        .hot_goods{
            .w186;
            .bd;  
            margin-top: 10px;
            .hot_title{
                .left_t;
            }
            .hot_g_s{
                width: 180px;
                margin: 10px 3px;
                img{
                    width: 180px;
                }
                .h_goods_t{
                    .as2;
                }
                .h_price{
                    .price;
                }
                
                
            }
            
              
        }
        
        
        
        
        
    }
    
//  右侧========================================
    .list_main_r{
        width: 990px;
        overflow: hidden; 
        float: right;
        //相关搜索
        .relevant{
            width: 988px;
            height: 40px;
            border: 1px solid #DDDDDD;
            dd,dt{
                float: left;
                line-height: 40px;  
            }
            dd{
                margin-left: 19px;
            }
            dt a{
                font-size: 12px;  
                margin-right: 10px;
                border-right: 1px solid #F4F0F0;
                padding-right: 10px;
                .as;
            }     
        }
//      筛选1
        .screening{
            width: 988px;
            overflow: hidden;
            border:1px solid #ddd;
            margin-top:10px;
            .title{
                width: 948px;
                height: 42px;
                line-height: 42px;
                border-bottom: 1px solid #F3F3F3;
                margin-left: 20px;
                padding-bottom: 5px;
                dd span{
                    color: #FF7700;
                    font-size: 16px;
                    font-weight: 700;
                    margin-right: 5px;
                }
                .num{
                    margin: 0px 5px;
                    color: #FF7700;
                }
            }
            .sort{
                width: 948px;
                overflow: hidden; 
                margin-left: 20px;
                border-bottom: 1px solid #F3F3F3;
            }
            dd,dt{
                    color: #999999;
                    float: left; 
                }
            dd{
                    margin: 10px 10px 10px 60px;
                }
                dt{
                    width: 800px;
                }
                dt a{
                    display: inline-block;
                    margin:10px;
                    .as;
                }
        }
    }
    //      筛选2
        .screening2{
            width: 988px;
            height: 71px;
//          border: 1px solid #F3F3F3;
            margin-top: 10px;
            .s_dl_1{
                height: 35px;
                background: #F7F7F7;
                border-top: 1px solid #DDDDDD;
                border-bottom: 1px solid #DDDDDD;
                border-right: 1px solid #DDDDDD;
                line-height: 35px;
                a{
                    display: block;
                    float: left;
                    width: 50px;
                    text-align: center;
                    .as1;
                }
                a.a_cur{
                    background: #fff;
//                  color: #fff;
                    border-left: 1px solid #E8E8E8;
                    border-right: 1px solid #E8E8E8;
                }
            }
            .s_dl_2 dd,dt{
                float: left;
//              margin:10px ;
            }
            .s_dl_2 dd{
                margin: 10px;
            }
            .s_dl_2 dt{
                margin: 10px 30px;
            }
            .s_dl_2 a{
                .as1;
            } 
            
        }
        //商品
        .commodity{
            width: 988px; 
            overflow: hidden; 
            .com_s{
                   width: 200px;
                   height: 300px; 
                   padding:10px;
                   margin:10px 20px 10px 5px; 
                   float: left;
                   border: 1px solid #eee;
                   .goods_title{
                       .as2;
                   }
                   .price; 
                   .goods{
                       color: #999;
                   }
                &:hover{
                    border: 1px solid #ddd;
                    box-shadow: 0px 0px 5px #ddd;
                }
            }
        }
        //    分页  
        .page_list{
            width: 988px;
            overflow: hidden;
        }
        
